<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>教室实景图</title>
	<link rel="stylesheet" href="../css/iconfont.css">
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="../css/daokes.css">
</head>

<body class="bg-db">

<div class="m-auto bg-ed" style="width:1190px; min-height:100%;">
	<div class="bg-22" style="height:50px;">
		<div class="display-ib vertical-a-t bg-1b color-f" style="width:50px;height:50px;">
			logo
		</div>
		<div class="display-ib vertical-a-t text-r color-f" style="width:1130px;height:50px;">
			登录信息
		</div>
	</div>
	<div class="display-ib vertical-a-t bg-0 color-f" style="width:50px; min-height:100%;">
		导航菜单
	</div><div class="display-ib vertical-a-t bg-f" style="width:1100px; min-height:100%; padding:10px 20px 20px 20px;">
		<h2 class="font16" style="height:50px; line-height:40px; margin:0;">教室实景图</h2>
		<div class="text-r">
			<input type="button" value="新增" class="border-none radius-4 vertical-a-t cursor-p bg-1b color-f" style="height:30px; line-height:30px;" />
		</div>

		<div class="bg-f4 border-t-1 border-l-1 border-b-1" style="margin-top:20px;height:40px;line-height:40px;">
			<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">图片序号</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">图片名称</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">教室号</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">房间号</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">房间名</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;">操作</span>
		</div>
		
		<div data-feidao-presentation="P02" class="border-b-1 border-l-1 t_body">
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
			<div style="height:40px;line-height:40px;">
				<span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">1</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:260px;">讲台</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:160px;">A302</span><span class="display-ib border-r-1 vertical-a-t text-c" style="width:193px;"><a href="javascript:void(0)" class="a-color-1b" style="margin-right:10px;">查看大图</a><a href="javascript:void(0)" class="a-color-d2">删除</a></span>
			</div>
		</div>

		<!--筛选结果为空的蒙版 start-->
		<div class="text-c cursor-p" data-feidao-presentation="P04">
			<div style="margin-top:150px;">
				<i class="iconfont icon-wushuju display-b text-c vertical-a-t color-9" style="font-size:100px;"></i>
				<div class="font22 color-9" style="height:50px;line-height:50px;">当前筛选条件下，没有匹配的数据</div>
			</div>
		</div>
		<!--筛选结果为空的蒙版 end-->


		<!--分页 start-->
		<div class="text-r" style="margin-top:10px;height:30px;line-height:30px;" data-feidao-presentation="P13">分页</div>
		<!--分页 end-->
	</div>
</div>



<!--图片预览 start-->
<div class="bg-black-rgba6 pos-f display-n" style="z-index:99; height:100%;width:100%; top:0;left:0;">
	<div class="pos-f bg-black-rgba6  border-1 text-c overflow-h" style="margin-left:-600px;width:1200px;height:676px; line-height:673px;top:10%; left:50%;">
		<img src="" class="vertical-a-m" id="zj10" style="max-height:674px;max-width:1198px;">
		<i class="iconfont icon-close pos-a text-c cursor-p color-fff text-shadow" style="width:40px;line-height:40px; font-size: 28px;top:0; right:0;" ></i>
		<i class="iconfont icon-left pos-a text-c cursor-p color-fff text-shadow" style="height:90px;line-height:90px;width:80px; font-size: 72px; top:45%; left:0;"></i>
		<i class="iconfont icon-right pos-a text-c cursor-p color-fff text-shadow" style="height:90px;line-height:90px;width:80px; font-size: 72px; top:45%; right:0;"></i>
	</div>
</div>
<!--图片预览 end-->



<!--新增品牌 start-->
<div class="bg-black-rgba6 pos-f display-n" style="z-index:99; height:100%;width:100%; top:0;left:0;">
	<div class="pos-f bg-f radius-4 overflow-h" style="margin-left:-300px;width:600px;top:10%; left:50%;">
		<div class="bg-1b font14 color-f" style="height:40px;line-height:40px;padding-left:10px;">
			<i class="iconfont icon-close fr text-c cursor-p font16" style="width:40px;height:40px;" title="close"></i>新增实景图
		</div>
		<form>
			<div class="color-9" style="line-height:30px; margin:20px 30px 0;">
				<span class="display-ib vertical-a-t text-r" style="width:70px;">教室号：</span>
				<span class="display-ib vertical-a-t color-3">A302</span>
			</div>
			<div class="color-9" style="line-height:30px; margin:20px 30px 0;">
				<span class="display-ib vertical-a-t text-r" style="width:70px;">图片序号：</span>
				<span class="display-ib vertical-a-t color-3">2</span>
			</div>
			<div class="color-9" style="line-height:30px; margin:20px 30px 0;">
				<span class="display-ib vertical-a-t text-r" style="width:70px;"><span class="a-color-d2">*</span> 图片名称：</span>
				<input type="text" placeholder="请输入图片名称" class="display-ib border-1 radius-4 color-3 vertical-a-t" style="height:30px;line-height:30px;width:230px;" />
			</div>
			<div class="color-9" style="line-height:30px; margin:20px 30px 0;">
				<span class="display-ib vertical-a-t text-r" style="width:70px;"><span class="a-color-d2">*</span> 实景图：</span>
				<input value="浏览" type="button" class="border-none radius-4 vertical-a-t cursor-p bg-1b color-f" style="height:30px; line-height:30px;"/>
				<input value="上传" type="button" class="border-none radius-4 vertical-a-t cursor-p bg-1b color-f" style="height:30px; line-height:30px;"/>
			</div>
			<div class="bg-f8 ht240 p10" style="width:470px;height:260px;margin:10px 10px 10px 100px;">
				<img alt="上传后可预览图片" data-feidao-id="brandlogo" class="display-ib" style="width:auto;height:auto;max-width:100%;max-height:100%;" src="" />
			</div>
			<div class="text-c" style=" margin:30px 0 50px;">
				<input type="button" value="保存" class="border-none radius-4 vertical-a-t cursor-p bg-1b color-f m-auto" style="width:100px;height:30px; line-height:30px;" />
			</div>
		</form>
	</div>
		<!--上传遮罩-start-->
		<div data-feidao-id="upload_cover" class="bg-black-rgba6 ht100-per w100-per pos-f pos-t0 pos-l0 display-n" style="z-index:103;">
			<div class="pos-f bg-fff left50-per radius-4 overflow-h" style="margin-left:-200px;width:400px;top:30%;">
				<div class="ht40 l-ht40 bg-f4 pl10 font14 bg-1890ff color-fff ">提示</div>
				<div class="mb35 text-c font14 color-3" style="margin-top:35px;">文件上传中，请稍后...</div>
			</div>
		</div>
		<!--上传遮罩-end-->
</div>
<!--新增品牌 end-->



</body>

</html>